import styled from 'styled-components';

export const FooterStyle = styled.div`
    border-top: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px 10px;
    display: -webkit-box;
    background-color: #F9F9F9;
    padding-bottom: 20px;

    div{
    -webkit-box-flex: 1;
    width: 0%;
    margin: 10px 5px 0 0;
    height: 75px;
    border: 1px solid #ddd;
    font-size: 12px;
    color: #797979;
    background-color: #fff;
    text-align: center;

        b{
            display: block;
            margin: 15px auto 5px;
            height: 33px;
        }
        .index-pic{
            width: 35px;
            background: url("./img/indexIcon.png") -5px -450px;
            background-size: 220px 250px;
        }
        .shop-pic{
            width: 35px;
            background: url("./img/indexIcon.png") -117px -353px;
            background-size: 220px 250px;
        }
        .siku-pic{
            width: 35px;
            background: url("./img/indexIcon.png") -175px -353px;
            background-size: 220px 250px;
        }
        p{
            color:#797979;
        }
    }
`;